body{background:#ccc; color:#333; margin:0; padding:0; font:12px/1.4 Verdana, Arial, Helvetica, sans-serif; text-align:center;}

#box{width:980px; margin:0 auto; text-align:left; background:#fff;}

#topo{position:relative; width:980px; height:300px; background: url('imagens/logooficial.png') no-repeat;}


ul.menubar{
  margin: 0px;
  padding: 0px;
  background-color: #FFFFFF; /* IE6 Bug */
  font-size: 100%;
}
 
ul.menubar .submenu{
  margin: 0px;
  padding: 0px;
  list-style: none;
  background-color: #ffffff;
  border-right: 1px solid #cccccc;

  font-weight: bold;
  float:left;
}

ul.menubar ul.menu{
  display: none;
  position: absolute;
  margin: 0px;
}
 
ul.menubar a{
  padding: 5px;
  display:block;
  text-decoration: none;
  color: #000000;
  padding: 5px;
}

ul.menubar a:hover{
  padding: 5px;
  display:block;
  text-decoration: none;
  color: #FFFFFF;
  background: #000000;
  padding: 5px;
}
 
ul.menu, ul.menu ul{
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ccc;
  width: 150px; /* Width of Menu Items */
  background-color: #FFFFFF; /* IE6 Bug */
}
 
ul.menu li{
  position: relative;
  list-style: none;
  border: 0px;
}
 
ul.menu li a{
  display: block;
  text-decoration: none;
  border: 1px solid #ccc;
  border-bottom: 0px;
  color: #000000;
  padding: 5px 10px 5px 5px;
}
 
ul.menu li sup{
  font-weight:bold;
  font-size:7px;
  color: 000000;;
}
 
/* Fix IE. Hide from IE Mac \*/
* html ul.menu li { float: left; height: 1%; }
* html ul.menu li a { height: 1%; }
/* End */
 
ul.menu ul{
  position: absolute;
  display: none;
  left: 149px; /* Set 1px less than menu width */
  top: 0px;
}
 
ul.menu li.submenu ul { display: none; } /* Hide sub-menus initially */
 
ul.menu li.submenu { background: transparent url(arrow.gif) right center no-repeat; }
 
ul.menu li a:hover { color: #ffffff; background: #000000; font-weight:bold; }




#buscar{position:absolute; right:20px; top:272px; margin:0; padding:0; color:#fff; font-size:11px50px; font-weight:bold;}
#buscar label input{background:#fff; border:none;}
#buscar input#submit{background:blue; border:2px outset #blue; color:#fff; font-size:10px;}

#auxiliar {width:245px; float:right; margin-top:0px; margin-bottom:0px; background:blue; height: 500px; margin-right:0px;}
#auxiliar h3{color:#fff; text-align:center;}
#auxiliar li{margin:2px 0; text-align:center; list-style-type:none;}
#auxiliar li a {display:block; color:#fff; text-decoration:none; padding-left:30px;} 
#auxiliar li a:hover{background-color:red;}


*html #auxiliar{height:500px;}

ul,li{margin:0; padding:0;}

#ordenar{position:absolute; margin-top:20px; padding:0; color:#fff; font-size:11px50px; font-weight:bold;}
#ordenar label input{background:#fff; border:none;}
#ordenar input#submit{background:blue; border:2px outset #blue; color:#fff; font-size:10px;}

#principal{width:980px; float:left; display:inline; background:#fff; }

#rodape{height:50px; clear:both; background:blue;}
#rodape p{margin:0; text-align:center; color:#fff; font-weight:bold;}

form#cliente label, textarea{display:block;}
form#cliente{width:450px; margin-top:30px; margin-left:50px;}
form#cliente input{width:250px;}
form#cliente input#ddd{width:30px;}
form#cliente input#telefone{width:210px;}
form#cliente input#limpar{width:auto;}
form#cliente input#confirmar{width:auto;}
form#cliente #ddd-telefone{width:254px;}
form#cliente div.um{float:left;}
form#cliente div.dois{float:right;}
form#cliente label{margin-top:10px;}
form#cliente select{margin-bottom:25px;}
form#cliente input#limpar{margin-top:10px;}
form#cliente input#confirmar{margin-top:10px;}
div.um, div.dois{margin-bottom:10px;}
form#cliente fieldset{padding:10px 25px; border:none; border-top: 1px solid blue; border-left:1px solid blue;}
form#cliente legend{padding:1px 10px; border:1px solid blue;}
form#cliente legend{color:blue;}
form#cliente input, form#cliente select{border:1px solid blue;}

#principal h2{color:blue; font-weight:bold; font-size:14px; margin-bottom: 5px; margin-left:50px; }

form#funcionario label, textarea{display:block;}
form#funcionario{width:450px; margin-top:30px; margin-left:50px;}
form#funcionario input{width:250px;}
form#funcionario input#ddd{width:30px;}
form#funcionario input#telefone{width:210px;}
form#funcionario input#limpar{width:auto;}
form#funcionario input#confirmar{width:auto;}
form#funcionario #ddd-telefone{width:254px;}
form#funcionario div.um{float:left;}
form#funcionario div.dois{float:right;}
form#funcionario label{margin-top:10px;}
form#funcionario select{margin-bottom:25px;}
form#funcionario input#limpar{margin-top:10px;}
form#funcionario input#confirmar{margin-top:10px;}
div.um, div.dois{margin-bottom:10px;}
form#funcionario fieldset{padding:10px 25px; border:none; border-top: 1px solid blue; border-left:1px solid blue;}
form#funcionario legend{padding:1px 10px; border:1px solid blue;}
form#funcionario legend{color:blue;}
form#funcionario input, form#funcionario select{border:1px solid blue;}

form#veiculo label, textarea{display:block;}
form#veiculo{width:450px; margin-top:30px; margin-left:50px;}
form#veiculo input{width:250px;}
form#veiculo input#limpar{width:auto;}
form#veiculo input#confirmar{width:auto;}
form#veiculo label{margin-top:10px;}
form#veiculo input#limpar{margin-top:10px;}
form#veiculo input#confirmar{margin-top:10px;}
form#veiculo fieldset{padding:10px 25px; border:none; border-top: 1px solid blue; border-left:1px solid blue;}
form#veiculo legend{padding:1px 10px; border:1px solid blue;}
form#veiculo legend{color:blue;}
form#veiculo input{border:1px solid blue;}

tr.primeira {background:red; color:#fff; font-size:12px;}
tr.segunda {background:#cccccc; font-size:11px;}

#principal h1{text-align:center; color:blue;}



.form{
   width:550px;
   height:385px;
   margin-top:100px;
   margin-left:150px;
   font-size:14px;
   font-weight:bold;
   background:url('imagens/carro.png') no-repeat;

  }
